﻿<%@ Page Title="家乐福——注册" Language="C#" MasterPageFile="~/MasterPageNevStep.master"
    AutoEventWireup="true" CodeBehind="Reg.aspx.cs" Inherits="WebSite.Reg" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        div.HelpText
        {
            width: 200px;
            display: inline-block;
            vertical-align: middle;
            color: #f09655;
        }
        
        .specheight
        {
            height: 32px;
        }
    </style>
    <script src="js/reg.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="height: 350px; width: 850px; margin: 0 auto; background: url(images/Reg/back.png) no-repeat;
        padding-top: 40px; position: relative">
        <div style="position: absolute; width: 430px; overflow: hidden; left: 40px; top: 40px;">
            <div style="width: 400px; font-size: 14px; color: green;" class="Yahei">
                您只需花1分钟完成注册，即可帮您的宝宝找到小伙伴，还有机会赢得大奖哦！</div>
            <div class="InfoRow specheight">
                <span class="Star">*</span><span>用&nbsp;户&nbsp;名：</span>
                <input runat="server" id="tbUserName" type="text" class="Textbox" />
                <div class="HelpText" style="display: none">
                    4-16个字符，支持英文小写、数字、下划线，不支持全部为数字或下划线</div>
            </div>
            <div class="InfoRow specheight">
                <span class="Star">*</span><span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
                <input runat="server" id="tbPassword" type="password" class="Textbox" />
                <div class="HelpText" style="display: none">
                    6-16个字符，区分大小写，为了帐号安全，建议使用与用户名不同的密码</div>
            </div>
            <div class="InfoRow">
                <span class="Star">*</span><span>重复密码：</span>
                <input runat="server" id="tbRepassword" type="password" class="Textbox" />
            </div>
            <div class="InfoRow">
                <span class="Star">*</span><span>手机号码：</span>
                <input runat="server" id="tbMobile" type="text" class="Textbox mobilephone" maxlength="11" />
                <a href="javascript:void(0)" onclick="getRegCode($('.mobilephone').val())">
                    <img alt="checkcode" src="images/Reg/getcode.png" /></a>
            </div>
            <div class="InfoRow">
                <span class="Star">*</span><span>验&nbsp;证&nbsp;码：</span>
                <input runat="server" id="tbMobileCheckCode" type="text" class="Textbox" />
            </div>
            <div class="InfoRow" style="text-align: center">
                <asp:ImageButton runat="server" ID="ibReg" ImageUrl="images/Reg/Reg.png" OnClick="ibReg_Click" />
            </div>
        </div>
        <div style="position: absolute; top: 80px; left: 550px; width: 250px; height: 300px;
            overflow: hidden">
            <div class="InfoRow">
                <span>用&nbsp;户&nbsp;名：</span>
                <input runat="server" id="tbUserNameForLogin" type="text" class="Textbox" />
            </div>
            <div class="InfoRow">
                <span>密&nbsp;&nbsp;&nbsp;&nbsp;码：</span>
                <input runat="server" id="tbPasswordForLogin" type="password" class="Textbox" />
            </div>
            <div class="InfoRow" style="text-align: center">
                <asp:ImageButton ID="ibLogin" runat="server" ImageUrl="/images/Reg/Login.png" OnClick="ibLogin_Click" />
                <input type="image" src="images/Reg/Login.png" style="display: none" />
            </div>
            <div class="InfoRow" style="text-align: center">
                <a href="/ThirdPartyLogin/CarrefourAuth.aspx" class="carrefourlogin" target="_blank">
                    <img src="images/Reg/CarrefourLogin.png" />
                </a>
            </div>
            <script type="text/javascript">
                $(document).ready(function ()
                {
                    $(".carrefourlogin").colorbox({ iframe: true, width: "500", height: "300", close: "关闭", overlayClose: false });
                });
            </script>
            <div class="InfoRow" style="text-align: center">
                <a href="/ThirdPartyLogin/TencentAuth.aspx" target="_blank">
                    <img src="images/Reg/QQLogin.png" />
                </a>
            </div>
            <div class="InfoRow" style="text-align: center">
                <a href="/ThirdPartyLogin/SinaAuth.aspx" target="_blank">
                    <img src="images/Reg/SinaLogin.png" />
                </a>
            </div>
        </div>
    </div>
    <script type="text/javascript">

        $("#<%=tbUserName.ClientID%>, #<%= tbPassword.ClientID%>").focus(function ()
        {
            $(this).parent().find(".HelpText").css("display", "");
        }).blur(function ()
        {
            $(this).parent().find(".HelpText").css("display", "none");
        });
    </script>
</asp:Content>
